<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/WEB-INF/public/head.jspf"%>	
<style type="text/css">
	form div{
		margin:5px;
	}
</style>
<script type="text/javascript">
	$(function(){
		//iframe中的dg对象
		var dg = parent.$("iframe[title='分类管理']").get(0).contentWindow.$("#dg");
		//完成数据的回显
		var rows = dg.datagrid("getSelections");
		//alert(rows[0].id+""+rows[0].type+""+rows[0].hot);
		//远程加载
		$('#cc').combobox({    
		    url:'account_query.action',    
		    valueField:'id',    
		    textField:'login',
		    panelHeight:'auto',
		    panelwidth:120,
		    width:120,
		    editable:false  
		});
		$('#ff').form('load',{
			id:rows[0].id,
			type:rows[0].type,
			hot:rows[0].hot,
			//jQuery中不支持.要使用加''
			'account.id':rows[0].account.id
		});
		$("input[name=type]").validatebox({
			required:true,
			missingMessage:'请输入类别名称'
		});
		//窗体弹出默认禁用
		$("#ff").form("disableValidation");
		//注册button的事件
		$("#btn").click(function(){
			$("#ff").form("enableValidation");
			//如果验证成功提交数据
			if($("#ff").form("validate")){
				//$.messager.progress();	// 显示进度条
				$('#ff').form('submit', {
					url: 'category_update.action',
					success: function(){
						//$.messager.progress('close');	// 如果提交成功则隐藏进度条
						//关闭窗体
						parent.$("#win").window("close");
						//刷新页面
						//aindex--->iframe--->dg
						//parent.$("iframe[title='分类管理']").contents().find("#dg").datagrid("reload");
						dg.datagrid("reload");
					}
				});
			}
		});
	});
</script>
</head>

<body>
	<form id="ff" method="post">   
    <div>   
        <label for="type">类别名称:</label>   
        <input type="text" name="type"/>   
    </div>   
    <div>   
        <label for="hot">热点:</label>   
		热点:<input type="radio" name="hot" value="true"/>
		非热点:<input type="radio" name="hot" value="false"/>
    </div> 
    <div>   
        <label for="account">所属管理员:</label>
        <!-- 远程加载的方式 -->
        <input id="cc" name="account.id"/>  
        <!-- HTML方式
        <select id="cc" class="easyui-combobox" name="dept" style="width:200px;">   
		    <option value="aa">aitem1</option>   
		    <option>bitem2</option>   
		    <option>bitem3</option>   
		    <option>ditem4</option>   
		    <option>eitem5</option>   
		</select>
		-->     
    </div> 
    <div>
	    <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">更新类别</a>  
    	<input type = "hidden" name="id"/>
    </div>
</form>
</body>
</html>
